﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,topmenu,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,topmenu,hgroup,menu,nav,section{
    display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}

body{
    margin:0 auto;
    font-size: 100%;
    background: #f5f5f5;
    }
a{
	text-decoration:none;
}
a:hover{
	color:#dc4415;
	text-decoration:none;
}
a img{
	border:0;
}
#wrapper{width: 1024px; margin: 0px auto; padding: 5px;}
#container{float:left; width: 1024px; margin: 0px auto}
#header{float:left; height:130px; width: 1024px; margin: 0px auto;}
#leftpanel{width: 200px; min-height: 1024px; float: left;}
#rightpanel{width: 200px; min-height: 1024px; float: left;}
#content{width: 624px;min-height: 1024px; float: left;}
#footer{
	clear:both;
	background:url(../images/bg_footer.jpg) repeat-x;
	height:90px;
}
.left_footer{
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:20px;
	padding:10px 0px 0px 10px;
}
.left_footer span{
	color:#FFFF00;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	text-transform:uppercase;
}
.right_footer{
	float:right;
	padding:20px 10px 0px 0px;
}
.right_footer a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}
.footer_bg{
	float:left;
	width:1002px;
}

/*---------------header---------------*/
#topbanner{width: 1024px; height: 100px; background: #a52a2a; }
ul{list-style: none;}
ul#topnav {    
    float: left;
    width: 1024px;
    height: 40px;
    background-image: url('../images/active.png');
    background-position: 0px 0px !important;
    }
ul#topnav li{
    float: left;
    position: relative;
    
}
ul#topnav a.link  {
    float: left;
    cursor:default;
	display:block;
    width:auto;    
    text-decoration:none;
    padding: 0 0 0 12px;
	outline: 0;
    }
ul#topnav a.link .text{
    text-align: center;    
    display: block;
    color: #f5f5f5;
    text-decoration: none;
    margin-left:3px ! important;
	vertical-align: middle !important;
    padding-top: 11px !important;
	padding-bottom : 12px !important;
	padding-left: 5px !important;
	padding-right: 20px !important;
    background-position: 100% -40px;    
    }
ul#topnav a.last  .text{
    background-image:  none;
    }
ul#topnav a.link:hover {
    background-position: 0 -120px;
    }
ul#topnav a.link:hover .text{
    background-position: 100% -80px;
    }
ul#topnav a.Last:hover .Text{
    background-position: 100% -160px;
    background-image: url(../images/active.png);
}

ul#topnav a.link, ul#topnav .text{
	background-image: url(../images/active.png);
	background-color:Transparent;
}


ul#topnav a.expanded,
ul#topnav a.expanded:hover
{
	background-position: 0 -120px;
}

ul#topnav a.expanded .text,
ul#topnav a.expanded:hover .rmText
{
	background-position: 100% -80px;
}
ul#topnav .Last a.expanded .Text,
ul#topnav .Last a.expanded:hover .Text
{
    background-position: 100% -160px;
    background-image: url('../images/rmSprite.png');
}
   
ul#topnav li ul.children{
    display: none;
    top: 40px;
    background-color:#fff;
    border:1px solid #dbdbdb;
    position: absolute;
    padding:5px ;
    overflow: no-display;
    min-width:50px;
    padding:0px 5px;
    width: auto;
    line-height:25px;
    }
ul#topnav li ul.children li{
    display:block;
    float:none;
    font-weight:normal;
    line-height:25px;
    vertical-align: bottom;
    border-top:1px solid #e2e2e2;
    }
ul#topnav li ul.children li:first-child{
    border-top:0 none;
    }
ul#topnav li ul.children li a{
    border-left:0 none;
    border-right:0 none;
    padding:5px;
    }
ul#topnav li ul.children li a:hover{
    padding:5px;
    color:#fff;
    }
ul#topnav li:hover ul.children{display:block;}
ul#topnav li:hover .linka{background: none;}
ul#topnav li ul.children li:hover a{color: red}
/***
ul#topnav li ul.children .link {
    float: left;
    height: 40px;
    border: none;
    }

ul#topnav li ul li {
    display: inline;
    }

ul#topnav li ul.link:hover {
    text-decoration: underline;
    }

ul#topnav li ul.link:hover {
    background: #2EB8E6;
    }
*/  
    
.copyright {
    margin: 5px auto;
    color: #f5f5f5
    }

/*----------------left panel-----------------*/
.left-img{
	float:left;
}
.right-img{
	float:right;
}
.left-menu{
	width:200px;
	float:left;
	background:#035fb9;
	margin-bottom:5px;
}
.right-menu{
	width:200px;
	float:right;
	background:#035fb9;
	margin-bottom:5px;
}
.top_ben, .bottom_ben{
	clear:both;
	height:4px;
}
ul.menu-item{
	margin:0 auto;
	padding:5px 0px 5px 0px;
	clear:both;
}
ul.menu-item li{
	margin:0 auto;
	padding:0;
	list-style:none;
	display:block;
	background: url(../images/bg_line_ben.jpg) repeat-x left bottom;
	margin:3px 12px 0px 12px;
	height:30px;
}
ul.menu-item li img{
	padding-right:10px;
	padding-left:0px;
	padding-top:2px;
	float:left;
}
ul.menu-item li.lineli{
	border-bottom:0px #FFFFFF solid;
	display:block;
	background:url(../images/bg_li1.png) repeat-x left bottom;
}
ul.menu-item li a{
	text-decoration:none;
	color:#FFFFFF;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:0px 10px 10px 0px;
	line-height:29px;
	display:block;
}
ul.menu-item li a:hover{
	color:#FFFF66;	
}
.menu-title{
	clear:both;
	background:url(../images/bg_title.jpg) repeat-x;
	height:30px;
	margin-left:5px;
	margin-right:5px;
}
.menu-title a{
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#dc4415;
	line-height:30px;
	padding-left:5px;
}

/*---------------*/

.topic_anounment{  
	clear:both;
	padding-bottom:5px;
}
.title_topic_an{
	clear:both;
	background:url(../images/bg_title_topic.jpg) repeat-x;
	height:36px;
}
.title_topic_an span{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	padding:12px 0px 0px 10px;
}
.bottom_topic_an{
	clear:both;
	background:url(../images/bg_bottom_topic.jpg) repeat-x;
	height:5px;
}
ul.listtopic{
	width:200px;
	padding:0;
	margin:0;
	float:left;
	text-align:justify;
}
ul.listtopic li{
	margin:0 auto;
	padding:0;
	list-style-image:url(../images/icon_li.png);
	margin:0px 15px 0px 25px;
	padding:8px 0px 8px 0px;
	border-bottom:1px #CCCCCC dotted;
}
ul.listtopic li a{
	text-decoration:none;
	color:#333;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:18px;
}
ul.listtopic li a:hover{
	color:#FF6600;
}
.top_ben1{
	clear:both;
    width:200px;
	height:4px;
	background:url(../images/bg_top.jpg) repeat-x;
}
.top_ben2{
	clear:both;
    width:200px;
	height:4px;
	background:url(../images/bg_bottom.jpg) repeat-x;
}
.content_topic_an{
	width:198px;
	border-left:1px #bdbcbd solid;
	border-right:1px #bdbcbd solid;
	float:left;
	background:#f5f5f5;
}
.title1{
	clear:both;
	background:url(../images/bg_title1.jpg) repeat-x;
	height:30px;
	margin-left:5px;
	margin-right:5px;
}
.title1 a{
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:30px;
	padding-left:5px;
}
.title1 a:hover{
	color:#FFFF99;
}
/*-------------right--------------*/
#frmlogin{
    height: 110px;
    width: 158px;
    border: 1px solid #6495ed;
    float: left;
    margin: 2px 0px;
}
#member{
    height: 70px;
    width: 158px;
    border: 1px solid #6495ed;
    float: left;
    margin: 2px 0px;
}

/* Warning Box */
.warning_box {padding: 20px 20px}
.warning_ico {background:url(../images/warning_icon.gif) no-repeat;width:42px;height:42px;display:block;float:left;margin-right:8px;}
.line_box_warning {border:1px solid #888;padding:75px 15px; margin:0 auto}
.warning_box p {font-size:14px;}
.warning_box .warning {font-size:24px; padding-left:50px;line-height:24px;padding-bottom:3px;}
.text_box {margin:0 auto;width:350px;}
